<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
  	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="static/style.css">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="static/script.js"></script>
	
	<title>Loading</title>
  </head>
  <body>
  
 	<div id="content">
  
		<div id="logOutLink">
			<p>&nbsp;</p>
		</div>
		<div id="header">
			<img alt="switch" src="static/switch.png">
			<span>Header</span>
		</div>
	  
		<div class="container">
		
			<span class="legend">Fernseher</span>
			<label class="switch">
			  <input id="switch1" type="checkbox" class="switch-input">
			  <span class="switch-label" data-on="On" data-off="Off"></span>
			  <span class="switch-handle"></span>
			</label>
			
	
			<span class="legend">Boxen</span>
			<label class="switch">
			  <input id="switch2" type="checkbox" class="switch-input">
			  <span class="switch-label" data-on="On" data-off="Off"></span>
			  <span class="switch-handle"></span>
			</label>
	
			<span class="legend">PC</span>
			<label class="switch">
			  <input id="switch3" type="checkbox" class="switch-input">
			  <span class="switch-label" data-on="On" data-off="Off"></span>
			  <span class="switch-handle"></span>
			</label>
			
			<span class="legend">Radar</span>
			<label class="switch">
			  <input id="radar" type="checkbox" class="switch-input">
			  <span class="switch-label" data-on="On" data-off="Off"></span>
			  <span class="switch-handle"></span>
			</label>
	
			<button id="summer" type="button" class="btn btn-primary btn-lg">Summer</button>
	
		</div>
		
		<div id="footer">
			Footer
		</div>
  
  	</div>
  	<div id="loading">
  		<p>Loading...</p>
  		<img alt="loading..." src="static/loading.gif">
  	</div>
  	<div id="logIn">
  		<div id="logInLink">
			<p>&nbsp;</p>
		</div>
  	</div>
  </body>
</html>
